<template>
  <div class="pro-table">
    <table>
        <thead>
          <tr>
            <th>数量</th>
            <th>价格<span>（原价/折扣价）</span></th>
            <th>交期</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for ="(item,index) in proDatas" :key="index">
              <td>{{item.num}}</td>
              <td><span>{{item.oldprice}}</span>/{{item.newprice}}</td>
              <td>{{item.time}}</td>
          </tr>
        </tbody>
    </table>
  </div>
</template>

<script>
export default {
  name:'Table',
  data(){
    return{
      proDatas:[
        {num:'1 - 500',oldprice:'￥2.6',newprice:'￥1.9',time:'10天'},
        {num:'500',oldprice:'￥2.6',newprice:'￥1.9',time:'10天'},
        {num:'300',oldprice:'￥2.6',newprice:'￥1.9',time:'10天'},
        {num:'1 - 500',oldprice:'￥2.6',newprice:'￥1.9',time:'10天'}
      ]
    }
  }
}
</script>

<style>

</style>
